import React from "react";

export default class StatusChild extends React.Component{

    state={
        sonMsg : "子组件的状态",
    }
    // 子组件向父组件传值 参见 StatusParent.jsx
    sendParent = () => {
        this.props.getSonData(this.state.sonMsg);
    }
    // 修改父组件内容
    changeParentNum=()=>{
        this.props.changeParentNum();
    }
    render(){
        return(
            <div>
                <h2>子组件</h2>
                {/* 父组件传过来的数据 */}
                <p>父组件过来的信息{this.props.toSonMsg}</p>
                <p>父组件过来的数据{this.props.num}</p>
                <p>子组件的信息{this.state.sonMsg}</p>
                <p>
                    <button onClick={this.sendParent}>向父组件传递数据</button>
                </p>

                <p>
                    <button onClick={this.changeParentNum}>改变父组件的num值</button>
                </p>
            </div>
        )
    }
}